<template>
  <div>
    <div v-if="loading">
      加载中...
    </div>
    <div v-else>
        <!-- slot 让组件的调用者向组件内部传递自定义内容 -->
      <slot>默认内容</slot>    
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'

const loading = ref(true)

onMounted(() => {
  setTimeout(() => {
    loading.value = false
  }, 5000) // 延迟5秒
})
</script>

<style scoped>
/* 可选样式 */
</style>
